@charset "utf-8";
/* CSS Document */


.tab_list{
  height: 0.96rem;
  border-bottom: #ebebeb solid 1px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
.tab_list li{
  display: inline-block;
  padding: 0 0.1rem;
  color: #242424;
  line-height: 0.96rem;
}
.tab_list li.active{
  border-bottom: #fe8220 solid 2px;
  color: #fe8220;
  font-weight: bold;
}


.detail_content{
  padding: 0.45rem 0.3rem;
}
.detail_top{
  overflow: hidden;
  position: relative;
  padding-left: 1.84rem;
  min-height: 2rem;
}
.detail_top_l{
  width: 1.84rem;
  margin-left: -1.84rem;
  float: left;
  border-radius: 0.1rem;
  overflow: hidden;
}
.detail_top_l img{
  width: 100%;
}
.detail_top_r{
 margin-left: 0.25rem;
}
.detail_top_r h2{
  font-size: 0.4rem;
}
.detail_top_r .btn{
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 2.1rem);
  height: 0.8rem;
  line-height: 0.8rem;
}

.detail_info{ margin-top: 0.7rem;}
.detail_info li{ 
  /* line-height: 1.16rem;  */
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  padding: 0.4rem 0;
  justify-content: space-between;
  align-items: self-start;
}
.detail_info li b{ flex-shrink: 0;}
.detail_info li b i{ margin-right: .3rem; display: inline-block; width: 0.34rem; height: 0.34rem; vertical-align: middle; position: relative; top: -2px;}
.icon_info1{ background: url(../images/detail/icon1.png) no-repeat; background-size: cover;}
.icon_info2{ background: url(../images/detail/icon2.png) no-repeat; background-size: cover;}
.icon_info3{ background: url(../images/detail/icon3.png) no-repeat; background-size: cover;}
.icon_info4{ background: url(../images/detail/icon4.png) no-repeat; background-size: cover;}
.icon_info5{ background: url(../images/detail/icon5.png) no-repeat; background-size: cover;}
.detail_info li p{ text-align: right;color: #949494; font-size: 0.22rem;}
.detail_info li p.linetwo{
  /* padding: 0.22rem 0; */
  /* line-height: 0.36rem; */
}
/* .detail_info li p.lineone{
  line-height: 1.16rem;
} */
@media screen and (max-width: 380px) {
  .detail_info li b i { margin-right: 0.1rem;}
}
.detail_details{ margin-top: 1rem; padding-bottom: 1rem;}
.detail_tit{ margin-top: 0.5rem; font-size: 0.3rem; font-weight: bold;color: #242424;}
.detail_p{font-size: 0.26rem; line-height: 0.44rem; margin-top: 0.3rem;}
.detail_img{ margin-top: 0.26rem;}
.detail_img img{ vertical-align: top; width: 100%;}

.detai_table,.course-table{
  width: 100%;
  margin-top: 0.26rem;
  border-radius: 0.14rem;
}
.detai_table th{ text-align: center; background-color: #ebebeb; height: 0.6; line-height: 0.6rem;border-radius: 0.14rem 0.14rem 0 0;color: #242424;}
.detai_table td,.course-table td{
  padding: 0.15rem 0.2rem;
  border: 1px solid #ebebeb;
  line-height: 0.32rem;
  font-size: 0.2rem;
  color: #242424;
}
.detai_table td.title{
  background-color: #ebebeb;
  width: 1.2rem;
  font-size: 0.2rem;
}


.course-table  td, .course-table th { text-align: center;}
.course-table th { text-align: center; background-color: #ebebeb; height: 0.6; line-height: 0.6rem; color: #242424;}

.course-table td.title{
  background-color: #ebebeb;
  width: 1rem;
  font-size: 0.2rem;
  text-align: center;
  padding: 0.15rem 0;
}

.radio-l {
  border-top-left-radius: 0.14rem;
}
.radio-r {
  border-top-right-radius: 0.14rem;
}
td.courseInfo {
  text-align: left;
  line-height: 0.32rem;
}











































